// CSS Main
@import "main.less";

// content
//------------------------------------------------------
.banner{
	background:url("@{bannerBg}") no-repeat bottom right;
	height:240px;
	position:relative;
	.avatars{
		overflow:hidden;
		clear:both;
		li {
			position:absolute;
			&.baby_first {
				left:0;	
			}
			&.baby_second {
				left:80px;
			}
			&.baby_last {
				left:160px;
			}
		}
	}
	.summary {
		height:114px;
		position:absolute;
		top:100px;
		.content{
			background:url("@{loginBg}") no-repeat -20px -10px;
			height:116px;
			float:left;
			width:300px;
			p{
				margin:20px 0;
			}
			address {
				float:right;
				height:20px;
				padding:0 10px;
				line-height:18px;
				background-color:lighten(@orange, 40%);
				cite {
					background:url("@{iconBg}") no-repeat -3px -163px;
					padding-left:10px;
				}
			}
		}
		.left_corner {
			float:left;
			height:116px;
			width:20px;
			background:url("@{loginBg}") no-repeat 0 -10px;
		}		
		.right_corner {
			float:left;
			height:116px;
			width:20px;
			background:url("@{loginBg}") no-repeat right -10px;
		}
		.tip_arrow {
			display:block;
			width:18px;
			height:8px;
			line-height:8px;
			background:url("@{loginBg}") no-repeat -85px top;
			position:absolute;
			top:-6px;
			left:60px;
		}
	}
}

.subject {
	clear:both;
	overflow:hidden;
	.events {
		float:left;
		width:673px;
		position:relative;
		overflow:hidden;
		.feed_top_corner {
			height:70px;
			width:100%;
			display:block;
			background:url("@{loginBg}") no-repeat left -485px;
			position:absolute;
			top:0px;
			z-index:-1;
		}
		.feeds {
			margin-top:20px;
			padding:0 20px;
			border-left: 3px @darkOrange solid;
			border-right: 3px @darkOrange solid;
		}
		.feed_bottom_corner {
			height:20px;
			width:100%;
			display:block;
			background:url("@{loginBg}") no-repeat left bottom;
		}
	}
	.login {
		float:right;
		width:294px;
		overflow:hidden;
		form {
			width:100%;
			height:315px;
			background:url("@{loginBg}") no-repeat 0 -145px;
			input, .role {
				border:0;
				clear:both;
				margin-left:98px;
				width:140px;
				height:16px;
				color:darken(@orange, 10%);
				&.username {
					margin-top:127px;
				}
				&.password{
					margin-top:26px;
					*margin-top:24px;
				}
			}
			.role {
				margin-top:24px;
				*margin-top:21px;
				width:68px;
				a {
					display:block;
					text-align:left;
					padding-left:10px;
					position:relative;
					
				}
			}
			.login_btn {
				clear:both;
				width:113px;
				height:33px;
				background:url("@{loginBg}") no-repeat -318px -157px;
				border:0;
				display:block;
				margin-top:20px;
				margin-left:91px;
			}
		}
		// register
		.register_btn {
			display:block;
			width:278px;
			height:76px;
			margin-top:20px;
			background:url("@{loginBg}") no-repeat -300px -227px;
		}
	}
}

